{include file="index@public/header" /}
<style>
        body {
      background: #e1e0de;
    }
    * {
      box-sizing: border-box;
    }
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
  padding-left: 5px;
  margin-bottom: .5rem;
}
.layui-card {
  padding: 10px 20px 50px;
}
p {
  margin: 0 0 10px !important;
}
.layui-container {
  padding: 0 !important;
}
img {
  max-width: 100%;
}
::-moz-selection {
  background: #cccccc;
  color: #ffffff;
}
::selection {
  background: #cccccc;
  color: #ffffff;
}
.layui-breadcrumb {
  padding-left: 5px;
}
.layui-card h1 {
  margin: 10px auto 0;
}
.description {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
}

.layui-textarea {
  resize: none !important;
}

@media screen and (max-width: 800px) {
  .layui-card-header {
    line-height: normal !important;
    font-size: 10px !important;
  }
}

     
    .layui-card-body{
        padding: 10px 5px;
    }

    
    .Interchange {
      margin: 20px 0;
    }

    .Interchange ul li {
      list-style: disc;
      list-style-position: inside;
      color: #428bca;
	  margin-bottom: .5rem;
	  list-style-type: none;
	  text-decoration: underline;
	  font-size: 14px;
	  cursor: pointer;
    }
    .Interchange h4 {
      font-size: 15px;
      padding-top: 10px;
      margin-bottom: 10px;
    }

    .key_filter {
      width: 300px;
      height: 30px;
      border-radius: 20px;
      outline: none;
      border: 1px solid #aaa;
      padding-left: 10px;
      margin: 0 0 5px;
    }

    .Interchange-table {
      margin-bottom: 20px;
    }

    .Interchange-table table tr th {
      background: white;
      color: #333;
      text-align: center;
      border-color: #ddd;
	  font-weight: 500;
		line-height: 1.5rem;
    }
	.Interchange-table table tr:nth-child(1) th{
		font-weight: 600;
		font-size: 15px;
	}
	.Interchange-table table tr:hover{
		background-color: #36648a;
	}
	.Interchange-table table tr:hover td{
		color: white !important;
	}
	.Interchange-table table tr:hover td a{
		color: white !important;
	}
    .Interchange-table table tr td {
      text-align: center;
      color: #333;
	  line-height: 1.5rem;
    }

    .Interchange-table table {
      border-color: #ddd;
      margin: 10px 0 0 0 ;
	  margin-bottom: 1.5rem;
    }
    #backtop {
            width: 55px;
            height: 48px;
            background: rgba(0, 0, 0, 0.3);
            color: #fff;
            text-align: center;
            border-radius: 2px;
            border: none;
            box-shadow: none;
            position: fixed;
            top: 40%;
            right: 10px;
            cursor: pointer;
            line-height: 18px;
        }
		/* 移动端 */
		@media screen and (max-width: 760px) {
			.layui-container{
				width: 100%;
			}
			.layui-card{
				width: 100%;
			}
			.layui-row{
				width: 100%;
			}
			.Interchange-table{
				width: 100%;
				overflow: auto;
			}
			/* .Interchange-table table{
				width: 100%;
				overflow: auto;
			} */
		}
</style>

<div class="layui-container">
    <div class="layui-card" style='font: 12px/14px arial,helvetica,sans-serif;'>
        <span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>

        <div class="layui-row" style="margin-top: 10px">
            <div class="layui-card-header">
                <h1 style="margin: 0">{:lang('Thrust Ball Bearings Cross Reference Charts')}</h1>
            </div>
            <div class="layui-row Interchange">

                <div class="layui-col-sm6">
                    <ul>

                        <li onclick="aaa('Chrome Steel Miniature Thrust Bearing')">{:lang('Chrome Steel Miniature Thrust Bearing')}</li>

                        <li onclick="aaa('Chrome Steel Single Direction Thrust Ball Bearing')">{:lang('Chrome Steel Single Direction Thrust Ball Bearing')}</li>

                        <li onclick="aaa('Stainless Steel Miniature Thrust Bearing')">{:lang('Stainless Steel Miniature Thrust Bearing')}</li>
                    </ul>
                </div>
            </div>
            <div class="Interchange">
                <input id="Interchange_filter" class="key_filter" type="text" placeholder="输入型号如:“F2-6”" />
            </div>

            <div class="row Interchange-table">

                <table id="Chrome Steel Miniature Thrust Bearing" width="100%" border="1" cellpadding="1" cellspacing="1">

                    <thead>
                    <tr>
                        <th colspan="4">{:lang('Chrome Steel Miniature Thrust Bearing')}</th>
                    </tr>
                    <tr>
                        <th>LILY</th>
                        <th>DYNAROLL</th>
                        <th>SKF</th>
                        <th>MCMASTER</th>
                    </tr>
                    </thead>

                    <tbody>
                    <tr>
                        <td>
                            <a href="/products/f2-6/">F2-6</a>
                        </td>

                        <td></td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f2x-7/">F2X-7</a>
                        </td>

                        <td></td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f3-8/">F3-8</a>
                        </td>

                        <td></td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f3-8m/">F3-8M</a>
                        </td>

                        <td>F3-8M</td>

                        <td>BA3</td>

                        <td>7806K53</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f4-9/">F4-9</a>
                        </td>

                        <td></td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f4-9m/">F4-9M</a>
                        </td>

                        <td>F4-9M</td>

                        <td></td>

                        <td>7806K54</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f4-10/">F4-10</a>
                        </td>

                        <td></td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f4-10m/">F4-10M</a>
                        </td>

                        <td>F4-10M</td>

                        <td>BA4</td>

                        <td>7806K55</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f5-10m/">F5-10M</a>
                        </td>

                        <td>F5-10M</td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f5-11/">F5-11</a>
                        </td>

                        <td></td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f5-11m/">F5-11M</a>
                        </td>

                        <td></td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f5-12m/">F5-12M</a>
                        </td>

                        <td>F5-12M</td>

                        <td>BA5</td>

                        <td>7806K57</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f6-12/">F6-12</a>
                        </td>

                        <td></td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f6-12m/">F6-12M</a>
                        </td>

                        <td>F6-12M</td>

                        <td></td>

                        <td>7806K58</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f6-13m/">F6-13M</a>
                        </td>

                        <td></td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f6-14m/">F6-14M</a>
                        </td>

                        <td>F6-14M</td>

                        <td>B46</td>

                        <td>7806K59</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f7-13m/">F7-13M</a>
                        </td>

                        <td></td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f7-15/">F7-15</a>
                        </td>

                        <td></td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f7-15m/">F7-15M</a>
                        </td>

                        <td>F7-15M</td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f7-17m/">F7-17M</a>
                        </td>

                        <td>F7-17M</td>

                        <td>BA7</td>

                        <td>7806K62</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f8-16/">F8-16</a>
                        </td>

                        <td></td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f8-16m/">F8-16M</a>
                        </td>

                        <td>F8-16M</td>

                        <td></td>

                        <td>7806K63</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f8-19m/">F8-19M</a>
                        </td>

                        <td>F8-19M</td>

                        <td>BA8</td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f9-17m/">F9-17M</a>
                        </td>

                        <td>F9-17M</td>

                        <td></td>

                        <td>7806K64</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f9-20m/">F9-20M</a>
                        </td>

                        <td>F9-20M</td>

                        <td>BA9</td>

                        <td>7806K65</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f10-18/">F10-18</a>
                        </td>

                        <td></td>

                        <td></td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/f10-18m/">F10-18M</a>
                        </td>

                        <td>F10-18M</td>

                        <td></td>

                        <td></td>

                    </tr>
                    </tbody>
                </table>
                <table id="Chrome Steel Single Direction Thrust Ball Bearing" width="100%" border="1" cellpadding="1" cellspacing="1">

                    <thead>
                    <tr>
                        <th colspan="3">{:lang('Chrome Steel Single Direction Thrust Ball Bearing')}</th>
                    </tr>
                    <tr>
                        <th>LILY</th>
                        <th>SKF</th>
                        <th>MCMASTER</th>
                    </tr>
                    </thead>

                    <tbody>
                    <tr>
                        <td>
                            <a href="/products/51100/">51100</a>
                        </td>

                        <td>51100</td>

                        <td>7806K712</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51101/">51101</a>
                        </td>

                        <td>51101</td>

                        <td>7806K713</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51102/">51102</a>
                        </td>

                        <td>51102</td>

                        <td>7806K714</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51103/">51103</a>
                        </td>

                        <td>51103</td>

                        <td>7806K715</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51203/">51203</a>
                        </td>

                        <td>51203</td>

                        <td>7806K754</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51104/">51104</a>
                        </td>

                        <td>51104</td>

                        <td>7806K716</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51204/">51204</a>
                        </td>

                        <td>51204</td>

                        <td>7806K755</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51105/">51105</a>
                        </td>

                        <td>51105</td>

                        <td>7806K717</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51205/">51205</a>
                        </td>

                        <td>51205</td>

                        <td>7806K756</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51305/">51305</a>
                        </td>

                        <td>51305</td>

                        <td>7806K789</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51106/">51106</a>
                        </td>

                        <td>51106</td>

                        <td>7806K718</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51206/">51206</a>
                        </td>

                        <td>51206</td>

                        <td>7806K757</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51306/">51306</a>
                        </td>

                        <td>51306</td>

                        <td>7806K791</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51107/">51107</a>
                        </td>

                        <td>51107</td>

                        <td>7806K719</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51207/">51207</a>
                        </td>

                        <td>51207</td>

                        <td>7806K758</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51208/">51208</a>
                        </td>

                        <td>51208</td>

                        <td>7806K759</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51209/">51209</a>
                        </td>

                        <td>51209</td>

                        <td>7806K759</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51110/">51110</a>
                        </td>

                        <td>51110</td>

                        <td>7806K721</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51210/">51210</a>
                        </td>

                        <td>51210</td>

                        <td>7806K762</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51211/">51211</a>
                        </td>

                        <td>51211</td>

                        <td>7806K762</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51112/">51112</a>
                        </td>

                        <td>51112</td>

                        <td>7806K722</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51113/">51113</a>
                        </td>

                        <td>51113</td>

                        <td>7806K723</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51114/">51114</a>
                        </td>

                        <td>51114</td>

                        <td>7806K724</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51115/">51115</a>
                        </td>

                        <td>51115</td>

                        <td>7806K725</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51116/">51116</a>
                        </td>

                        <td>51116</td>

                        <td>7806K726</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51120/">51120</a>
                        </td>

                        <td>51120</td>

                        <td>7806K729</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/51124/">51124</a>
                        </td>

                        <td>51124</td>

                        <td>7806K732</td>

                    </tr>
                    </tbody>
                </table>
                <table id="Stainless Steel Miniature Thrust Bearing" width="100%" border="1" cellpadding="1" cellspacing="1">

                    <thead>
                    <tr>
                        <th colspan="2">{:lang('Stainless Steel Miniature Thrust Bearing')}</th>
                    </tr>
                    <tr>
                        <th>LILY</th>
                        <th>DYNAROLL</th>
                    </tr>
                    </thead>

                    <tbody>
                    <tr>
                        <td>
                            <a href="/products/sf2-6/">SF2-6</a>
                        </td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf2x-7/">SF2X-7</a>
                        </td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf3-8/">SF3-8</a>
                        </td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf3-8m/">SF3-8M</a>
                        </td>

                        <td>STB3-8M</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf4-9/">SF4-9</a>
                        </td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf4-9m/">SF4-9M</a>
                        </td>

                        <td>STB4-9M</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf4-10/">SF4-10</a>
                        </td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf4-10m/">SF4-10M</a>
                        </td>

                        <td>STB4-10M</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf5-10m/">SF5-10M</a>
                        </td>

                        <td>STB5-10M</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf5-11/">SF5-11</a>
                        </td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf5-11m/">SF5-11M</a>
                        </td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf5-12m/">SF5-12M</a>
                        </td>

                        <td>STB5-12M</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf6-12/">SF6-12</a>
                        </td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf6-12m/">SF6-12M</a>
                        </td>

                        <td>STB6-12M</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf6-13m/">SF6-13M</a>
                        </td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf6-14m/">SF6-14M</a>
                        </td>

                        <td>STB6-14M</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf7-13m/">SF7-13M</a>
                        </td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf7-15/">SF7-15</a>
                        </td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf7-15m/">SF7-15M</a>
                        </td>

                        <td>STB7-15M</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf7-17m/">SF7-17M</a>
                        </td>

                        <td>STB7-17M</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf8-16/">SF8-16</a>
                        </td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf8-16m/">SF8-16M</a>
                        </td>

                        <td>STB8-16M</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf8-19m/">SF8-19M</a>
                        </td>

                        <td>STB8-19M</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf9-17m/">SF9-17M</a>
                        </td>

                        <td>STB9-17M</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf9-20m/">SF9-20M</a>
                        </td>

                        <td>STB9-20M</td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf10-18/">SF10-18</a>
                        </td>

                        <td></td>

                    </tr>
                    <tr>
                        <td>
                            <a href="/products/sf10-18m/">SF10-18M</a>
                        </td>

                        <td>STB10-18M</td>

                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>
    <div style='height: 30px'>

    </div>
</div>




<div id="backtop" onclick="backtop()" class="icon-angle-up">
    <i class="layui-icon layui-icon-up"></i>
    <div style="font-size: 0.9em;">Top</div>
</div>  
{include file="index@public/footer" /}

<script>
/*回顶部*/
function backtop() {
 $("html,body").animate({ scrollTop: "0px" }, 500);
}
$(window).scroll(function() {
    var scrollTop=$(document).scrollTop();/*滚动距离*/
    if(scrollTop>360){
        $('#backtop').css({display:'block'});
    }else{
        $('#backtop').css({display:'none'});
    }
})    
    layui.use("element", function () {
      var element = layui.element;
      element.on("tab(demo)", function (data) {
        console.log(data);
      });
    });

    $("#Interchange_filter").keyup(function () {
      $("table thead").hide()
      $("table tbody tr").stop().hide() //将tbody中的tr都隐藏
        .filter(":contains('" + ($(this).val().toUpperCase()) + "')").show(); //，将符合条件的筛选出来
        try {
          for (var i = 0; i < $("table tbody tr").filter(":contains('" + ($(this).val().toUpperCase()) + "')").length; i++) {
          $("table tbody tr").filter(":contains('" + ($(this).val().toUpperCase()) + "')")[i].offsetParent.children[0].style.display = '';
        }
        } catch (error) {
          
        }

      if ($(this).val() == '') {
        $("table thead").show()
      }
    });
	
	function aaa(id){
		console.log(id)
		let anchorH = document.getElementById(id).offsetTop + 20
		console.log(anchorH)
		document.documentElement.scrollTop=anchorH
	}
  </script>